<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="./test.css">
</head>
<body>
<div class="chat-top">
    <div class="chat-main" ref="chatList">
      <div v-if="!chatList.length" class="no-message">
        <span>欢迎使用</span>
        <span>智能交互系统</span>
        <img src="../assets/images/bg.png" alt />
      </div>
      <div
        v-for="(item, index) in chatList"
        class="chat-item"
        :class="[index%2===1 ? 'question' :'answer']"
        :key="index"
      >
        <div class="header-img-wrapper">
          <div class="wrapper-img">
            <el-image v-if="index%2===1" :src="otherImg" :fit="fit" class="header-img"></el-image>
          </div>
        </div>
        <div class="content">
          <!-- <span class="itemTime" v-if="index%2===1">{{ itemTime }}</span> -->
          <div class="content-width">{{ item.content }}</div>
          <div class="indicator"></div>
        </div>
        <div class="header-img-wrapper">
          <div class="wrapper-img">
            <el-image v-if="index%2===0" :src="meImg" :fit="fit" class="header-img"></el-image>
          </div>
        </div>
      </div>
    </div>
    <el-row class="chat-input">
      <el-col :span="22">
        <el-input
          v-model.trim="searchValue"
          placeholder="请输入您想咨询的问题..."
          class="input-with-select"
          @keyup.enter.native="onSend"
          :disabled="disabled"
        ></el-input>
      </el-col>
      <el-col :span="2" class="sendImg">
        <el-image :src="sendImg" :fit="fit" v-if="!isQuestionIng" @click="onSend"></el-image>
      </el-col>
    </el-row>
  </div>
</body>
</html>